window.addEventListener('load',function(){
    $(function(){
        //电梯楼层功能的实现
    //滑动到今日推荐模块出现
//1.利用var jiadianTop = $('.jiadian').offset().top测量出jiadian模块距离滑动的距离
//节流阀 为了让点击小li的时候不执行滑动变换current类名
var flag = true
var toolTop = $('.recom').offset().top;
function toggoleToll(){
    // console.log(toolTop);
    // console.log($(document).scrollTop);
    if( $(document).scrollTop() >= toolTop){
        $('.fixedtool').fadeIn();
        // console.log(toolTop);
    }else {
        $('.fixedtool').fadeOut();
    }
}
toggoleToll();
$(window).scroll(function(){
    toggoleToll();
    //滚动到大盒子的顶部用each方法把index值给小盒子实现current类名的变化
    if(flag){
        $('.floor .w').each(function(i,ele){
            if($(document).scrollTop() >= $(ele).offset().top){
                // console.log(i);
                $('.fixedtool li').eq(i).addClass('current').siblings().removeClass();
            }
        })
    }
});
//2.点击电梯导航页面可以滚动到相应的内容区域
$('.fixedtool li').click(function(){
    flag = false;
    console.log($(this).index());
    //每次点击小li需要计算出页面去往的位置
    //选出相应索引号位置的盒子计算它的.offset().top的值
    var current = $('.floor .w').eq($(this).index()).offset().top
    $('body, html').stop().animate({
        scrollTop:current
    },function(){
        flag = true;
    })
    //当前小li增加 current类名
    $(this).addClass('current').siblings().removeClass();
})
})
})